<template>
	<Layout>

		<div class="YiFeedback">
			<div class="container">
				<el-row style="margin: 0 15%;">
					<el-col :span="24">
						<h5 class="formh6">意见建议与投诉</h5>
						<p>提交此页面，将默认您将填写的建议等内容授权给我们。为了能够响应您的建议，我们可能会通过电话方式联系您</p>
						<el-col :span="24" class="FormBox">
							<el-form :label-position="labelPosition" label-width="80px" :model="formLabelAlign" >
								<el-form-item label="建议类型:">
									<el-radio-group v-model="formLabelAlign.radio">
										<el-radio :label="1">功能建议</el-radio>
										<el-radio :label="2">服务建议</el-radio>
										<el-radio :label="3">其他建议</el-radio>
										<el-radio :label="4">我要投诉</el-radio>
									</el-radio-group>
								</el-form-item>

								<el-form-item label="建议详情:">
									<el-input type="textarea" v-model="formLabelAlign.desc"
										:autosize="{ minRows: 4, maxRows: 8}"
										placeholder="欢迎您提出您的建议或者使用过程中发现的问题，以便我们第一时间核实解决问题。(1000字以内)"></el-input>
								</el-form-item>
								<el-form-item label="您的称呼:">
									<el-input v-model="formLabelAlign.name" placeholder="例如:张先生"></el-input>
								</el-form-item>
								<el-form-item label="联系方式:">
									<el-input v-model="formLabelAlign.callphone" placeholder="请输入您的手机号码"></el-input>
								</el-form-item>
								<div style="display: flex;align-items: center;">
									<el-checkbox v-model="checked"></el-checkbox>
									<p style="margin-left: 10px;font-size: 12px;">已阅读并同意 <span class="fuwutkuan" @click="fuwutk">服务条款</span> 和<span class="fuwutkuan" @click="yinsixy">隐私政策</span></p>
								</div>
								<el-form-item>
									<el-button type="primary">提交</el-button>
								</el-form-item>
							</el-form>
							
						</el-col>
					</el-col>
				</el-row>
			</div>
		</div>



	</Layout>
</template>

<script>
	import Layout from '../components/common/Layout'


	export default {
		name: 'ServicePage',
		components: {
			Layout
		},
		data() {
			return {
				labelPosition: 'right',
				checked: true,
				formLabelAlign: {
					name: '',
					callphone: '',
					desc: '',
					radio: 1
				},
				
			};
		},
		methods:{
			fuwutk(){
				this.$router.push({
				    path: '/finance'
				})
			},
			yinsixy(){
				this.$router.push({
				    path: '/financetwo'
				})
			}
		}
	}
</script>
<style lang="scss" scoped>
	.YiFeedback {
		overflow: hidden;
		width: 100%;
	}

	.formh6 {
		margin: 50px 0 10px 0;
	}

	.FormBox {
		margin: 20px 0;
	}

	.fuwutkuan {
		color: #0457F2;
		cursor: pointer;
	}
	::v-deep .el-button--primary{
		background-color: #0457f2;
	}
	::v-deep .el-button{
		width: 100px;
		margin: 5px 0;
	}
</style>